<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100">

  <defs>
  <linearGradient id="cd1" x1="0%" y1="0%" x2="100%" y2="100%">
    <stop offset="0%" stop-color="#585858"/>
    <stop offset="50%" stop-color="#989898"/>
    <stop offset="100%" stop-color="#585858"/>
  </linearGradient>
  <linearGradient id="cd2" x1="0%" y1="0%" x2="100%" y2="100%">
    <stop offset="0%" stop-color="#848484"/>
    <stop offset="50%" stop-color="#A7A7A7"/>
    <stop offset="100%" stop-color="#848484"/>
  </linearGradient>
  </defs>

  <path stroke="url(#cd2)" fill="none" stroke-width="22" d="m 20,20 a 1 1 0 1 0 30,30 a 1 1 0 1 0 -30,-30 z"/> 
  <path stroke="url(#cd1)" fill="none" stroke-width="22" d="m 45,45 a 1 1 0 1 0 30,30 a 1 1 0 1 0 -30,-30 z"/>
</svg>
